﻿@extends('home.layout.layout')
@section('title','订单支付')
@section('home-css')
    
    <link rel="{{asset('/homecss/orderpay/shortcut icon')}}" href="favicon.ico">
    <link rel="{{asset('/homecss/orderpay/stylesheet')}}" type="text/css" href="index.css" media="all">
    <link rel="stylesheet" type="text/css" href="{{asset('/homecss/orderpay/index.css')}}" media="all">

@endsection
 
 @section('home-search')
    
@endsection  


@section('home-con')   
       
    

    <div class="shopping-cart-wrap" style='line-height:20px'>
        <div class="sw-hd">
            <a href="http://www.ymatou.com/" class="logo"></a><span class="title">
            
            
            收银台
            </span>
            <ul class="step-bar">
                <li class="active"><em>1</em>我的购物车<i class="blackfive-icon bi-arrow"></i></li>
                <li class="active"><em>2</em>提交订单<i class="blackfive-icon bi-arrow"></i></li>
                <li class="active"><em>3</em>选择支付方式</li>
            </ul>
        </div>      <div class="check-out-stand">
            <div class="mod-container">
                <div class="mc-hd">
                    <p class="message-tips"><i class="blackfive-icon bi-success"></i>订单提交成功，现在只差最后一步啦！</p>
                    <p class="sub-desc">请您在提交订单后<em class="warning-tips">60</em>分钟内完成支付，否则订单会自动取消</p>
                </div>
                <div class="mc-bd">
                    <div class="money-info">
                        <p class="total-money">应付总金额：<span class="price">¥ 501.00</span></p>
                        <p class="usable-money"><label><input class="hkUseBalance" disabled="disabled" data-paytotal="501" data-balance="0" type="checkbox">可用账户余额 <em class="warning-tips">0</em> 元</label>
                        (因海关要求，含保税商品不能使用余额)
                        </p>
                        <div class="password hkBalancePw" style="display: none;"><input class="input-error" placeholder="请输入交易密码" type="password"><span class="error-msg" style="display: none;"><i class="blackfive-icon bi-wraning"></i>我是错误提示</span></div>
                    </div>
                    
                    <div class="pay-type">
                        <div class="item hkPayWay active" data-name="alipay">
                            <i class="pay-icon pi-zhifubao"></i>
                            <p>支付宝支付</p>
                            <p class="best-type">推荐</p>
                            <i class="blackfive-icon bi-checked"></i>
                        </div>
                        <div class="item hkPayWay" data-name="wxpay">
                            <i class="pay-icon pi-weixin"></i>
                            <p>微信支付</p>
                            <i class="blackfive-icon bi-checked"></i>
                        </div>
                    </div>
                    <p class="pay-money">需支付：<span class="price">¥
                        <em class="hkFinallyPay">501.00</em>
                    </span></p>
                </div>
                <div class="mc-ft">
                    <button class="pay-btn hkToPay">去支付</button>
                </div>
            </div>
        <input id="tradingId" value="230173250" type="hidden">
        </div>
    </div>

    <!--支付宝弹窗-->
    <div class="pop-windows" style="width: 430px; left: 20px; top: 0px;">
        <div class="pop-wrap">
            <i class="blackfive-icon bi-close" style="z-index: 1;"></i>
            <div class="pop-bd">
                <div class="check-out-type">
                    <div class="cot-hd">
                        <div class="cot-item">
                            <p class="cot-title"><em>方法一:</em>支付宝扫码支付</p>
                            <div class="cot-info">
                               
                                <p class="cot-desc"><i class="blackfive-icon bi-code-light"></i><span>请使用支付宝扫一扫扫描二维码支付</span></p>
                            </div>
                        </div>
                        <div class="cot-site hkAlipaySide">
                            <img src="{{asset('/homecss/orderpay/about:blank">
                        </div>
                    </div>
                    <div class="cot-ft">
                        <p class="cot-title"><em>方法二:</em><a href="#">使用支付宝账号登陆付款 &gt; </a></p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--微信弹窗-->
    <div class="pop-windows" id="wxPop" style="width: 774px;">
        <div class="pop-wrap">
            <i class="blackfive-icon bi-close1" style="z-index: 1;"></i>
            <div class="pop-bd">
                <div class="check-out-type">
                    <div class="cot-hd">
                        <div class="cot-item">
                            <p class="cot-title">微信支付</p>
                            <div class="cot-info">
                                
                                <p class="cot-desc"><i class="blackfive-icon bi-code-light"></i><span>请使用微信扫一扫扫描二维码支付</span></p>
                            </div>
                        </div>
                        <div class="cot-site hkWeixinSide">
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>

    







   




    
    

@endsection


    
